<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/head-footer.css">
    <link rel="stylesheet" href="./css/user-center.css">
</head>

<body>
    <!-- header -->
    <div class="header-wrap">
        <div class="header-top-wrap">
            <div class="header-top clearfixa">
                <div class="logo-box fl">
                    <a href="javascript:void(0)">
                        <img src="./images/logo.png" alt="">
                    </a>
                </div>
                <div class="login-api-box fr">
                    <span>登录</span>/
                    <span>注册</span>
                </div>
            </div>
        </div>
        <div class="header-bottom-wrap">
            <div class="header-bottom">
                <div class="second-logo-box">
                    <a href="javascript:void(0)">
                        <img src="./images/teacher-logo.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- main start -->
    <div class="user-center-wrap">
        <div class="user-center">
            <div class="bread-nav">
                <span>
                    <a href="javascript:void(0)">首页 ></a>
                </span>
                <span>
                    <a href="javascript:void(0)">用户中心</a>
                </span>
            </div>
            <div class="user-center-main clearfixa">
                <div class="user-center-left fl">
                    <ul class="user-center-nav">
                        <li class="user-center-nav-show">基础资料</li>
                        <li>员工管理</li>
                        <li>产品列表</li>
                        <li>客户管理</li>
                        <li>客户消费统计</li>
                        <li>业绩提成统计</li>
                        <li>提现管理</li>
                        <li>修改密码</li>
                        <li>修改手机号</li>
                    </ul>
                </div>
                <div class="user-center-right fr">
                    <div class="base-data-list data-list data-list data-list-show">
                        <!-- 所有页面右侧标题 -->
                        <p class="user-center-nav-title">
                            form表单模板
                        </p>
                        <div class="base-data-box">
                            <form action="" class="form-left-space">
                                <!-- 有注释大的input框 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        <sup>*</sup>公司名称：
                                    </label>
                                    <input type="text" class="big-inputbox">
                                    <span class="information-hit">请按贵公司营业执照上的名称填写</span>
                                </div>
                                <!-- 无注释大的input框 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        <sup>*</sup>您的姓名：
                                    </label>
                                    <input type="text" class="big-inputbox">
                                </div>
                                <!-- 下拉框 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        <sup>*</sup>纳税人资格：
                                    </label>
                                    <select name="" class="big-inputbox">
                                        <option value="">等级一</option>
                                        <option value="">等级二</option>
                                        <option value="">等级三</option>
                                    </select>
                                </div>
                                <!--无注释的中型input框  -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        当前密码：
                                    </label>
                                    <input type="text" class="second-inputbox">
                                </div>
                                <!-- key:value形式 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        当前手机号：
                                    </label>
                                    <span>1324567890</span>
                                </div>
                                <!-- 无注释的small input框及短信验证码按钮 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        短信验证码：
                                    </label>
                                    <input type="text" class="small-inputbox">
                                    <!-- 短信验证码按钮 -->
                                    <button class="note-verify-btn">获取短信验证码</button>
                                </div>
                                <!-- 分销链接里的复制链接 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">分销链接：</label>
                                    <span class="client-link">
                                        www.baidu.com拼接er68h9k8
                                    </span>
                                    <span class="client-copy-link">复制链接</span>
                                </div>
                                <!-- 分销码 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">我的分销码：</label>
                                    <span class="client-number">
                                        er68h9k8
                                    </span>
                                </div>
                                <!-- 居中的提交按钮 -->
                                <button class="center-btn">提交</button>
                                <!-- 和input框对其的圆角提交按钮 -->
                                <button class="align-savebtn">保存</button>

                                <!-- 账户余额 -->
                                <div class="form-top-space">
                                    <label for="" class="information-nav-title">
                                        账户余额：
                                    </label>
                                    <span class="red-money">7.00</span>
                                    <span class="information-hit">请按贵公司营业执照上的名称填写</span>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="client-data-list">
                        <p class="user-center-nav-title">table表格模板</p>
                        <div class="client-data">
                            <!-- table 普通选项卡 -->
                            <div class="table-item-box clearfixa">
                                <!-- 选中的状态 -->
                                <div class="table-item table-item-checked">选中</div>
                                <!-- 未选中的状态 -->
                                <div class="table-item">没有选中</div>
                            </div>
                            <!-- table 带checkbox选项卡 -->
                            <div class="table-selecter-box clearfixa">
                                <div class="table-select-item">
                                    <span>年级：</span>
                                    <select name="" id="">
                                        <option value="">条建议</option>
                                        <option value="">条建议</option>
                                        <option value="">条建议</option>
                                    </select>
                                </div>
                                <div class="table-select-look">条件查询</div>
                            </div>
                            <!-- table 有标题没有图标 -->
                            <table class="table-title">
                                <tr>
                                    <th>类别</th>
                                    <th>有效期</th>
                                    <th>购卡日期</th>
                                    <th>序号段</th>
                                    <th>总价</th>
                                </tr>
                                <tr>
                                    <td>10元优惠卷</td>
                                    <td>2019-02-19至2019-03-182019-02-19至2019-03-18</td>
                                    <td>2019-02-19</td>
                                    <td>2800</td>
                                    <td>5000</td>
                                </tr>
                                <tr>
                                    <td>10元优惠卷</td>
                                    <td>2019-02-19至2019-03-18</td>
                                    <td>2019-02-19</td>
                                    <td>2800</td>
                                    <td>5000</td>
                                </tr>
                            </table>
                            <!-- table 无标题，无图标 -->
                            <table class="table-notitle">
                                <tr>
                                    <td>1234567898765</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                </tr>
                                <tr>
                                    <td>1234567898765</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                </tr>
                                <tr>
                                    <td>1234567898765</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                    <td>asdfghngfedwdrgthytgf</td>
                                </tr>
                            </table>
                            <!-- table 有标题，有图片 -->
                            <table class="table-pic">
                                <tr>
                                    <th>标题一</th>
                                    <th>标题一</th>
                                    <th>标题一</th>
                                    <th>标题一</th>
                                    <th></th>
                                </tr>
                                <tr>
                                    <td>张瑜</td>
                                    <td>12345667</td>
                                    <td>zhangyuling</td>
                                    <td class="editor-information">
                                            123456123456123456123456123456
                                        <img src="./images/replace.png" alt="">
                                    </td>
                                    <td class="delete-information">
                                        <img src="./images/delete.png" alt="">
                                    </td>
                                </tr>
                            </table>

                            <!-- 公用的'左右'标题导航  -->
                            <div class="user-center-nav-box clearfixa">
                                <div class="user-center-item fl">
                                    员工管理
                                </div>
                                <div class="user-center-item user-center-item-pic fr">
                                    <img src="./images/add.png" alt="">
                                    添加员工
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="footer-container">
        <div class="footer-top">
            <div class="footer-top-content">
                <div class="friendlink-web">合作网站</div>
                <ul class="footer-friendlink">
                    <li>
                        <a href="http://www.people.com.cn/" target="_blank">人民网</a>
                    </li>
                    <li>
                        <a href="http://www.xinhuanet.com/" target="_blank">新华网</a>
                    </li>
                    <li>
                        <a href="http://www.gmw.cn/" target="_blank">光明网</a>
                    </li>
                    <li>
                        <a href="http://www.china.com.cn/" target="_blank">中国网</a>
                    </li>
                    <li>
                        <a href="http://bjrb.bjd.com.cn/" target="_blank">北京日报</a>
                    </li>
                    <li>
                        <a href="https://www.jfdaily.com/" target="_blank">解放日报</a>
                    </li>
                    <li>
                        <a href="http://www.wenming.cn/" target="_blank">中国文明网</a>
                    </li>
                    <li>
                        <a href="http://www.chinakongzi.org/" target="_blank">中国孔子网</a>
                    </li>
                    <li>
                        <a href="http://www.gjctwh.com/" target="_blank">国家传统文化产业促进网</a>
                    </li>
                    <li>
                        <a href="http://guji.artx.cn/" target="_blank">中国古籍全录</a>
                    </li>
                    <li>
                        <a href="http://publish.ancientbooks.cn/docShuju/platformSublibIndex.jspx?libId=6" target="_blank">中华经典古籍库</a>
                    </li>
                    <li>
                        <a href="http://www.confuchina.com/" target="_blank">中国儒学网</a>
                    </li>
                    <li>
                        <a href="http://www.cnki.net/" target="_blank">中国知网</a>
                    </li>
                    <li>
                        <a href="http://www.tcpc.org.cn" target="_blank">中国传统文化促进会</a>
                    </li>
                    <li>
                        <a href="http://www.zhyxctwh.com/" target="_blank">中华国学研究院</a>
                    </li>
                    <li>
                        <a href="http://www.orgcc.com/" target="_blank">中国文化艺术网</a>
                    </li>
                    <li>
                        <a href="http://www.guoxue.com/" target="_blank">国学网</a>
                    </li>
                    <li>
                        <a href="http://www.chuanxi.com.cn/" target="_blank">佛教慧日网</a>
                    </li>
                    <li>
                        <a href="http://www.hxlsw.com/" target="_blank">浩学历史网</a>
                    </li>
                    <li>
                        <a href="http://www.fxsp.org/" target="_blank">佛学视频网</a>
                    </li>
                    <li>
                        <a href="http://www.zgchuantongwenhua.com/" target="_blank">传统文化网</a>
                    </li>
                    <li>
                        <a href="http://www.shanxin.cn/" target="_blank">善信网</a>
                    </li>
                    <li>
                        <a href="http://duguoxue.cn/" target="_blank">读国学网</a>
                    </li>
                    <li>
                        <a href="http://www.songdu.net/" target="_blank">中华诵读网</a>
                    </li>
                    <li>
                        <a href="http://www.chinawenhua.com.cn/" target="_blank">传统文化杂谈</a>
                    </li>
                    <li>
                        <a href="https://www.shunyuanwenhua.com/" target="_blank">舜缘文化</a>
                    </li>
                    <li>
                        <a href="http://www.zhjd.org/" target="_blank">中华经典网</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-middle clearfixa">
            <div class="footer-middle1">
                <ul>
                    <li>
                        <a href="/About/jz">家长监控</a>
                    </li>
                    <li>
                        <a href="/About/zhuce">游戏实名注册</a>
                    </li>
                    <li>
                        <a href="/About/jf">游戏纠纷处理</a>
                    </li>
                </ul>
            </div>
            <div class="footer-middle1">
                <ul>
                    <li>
                        <a href="/about/synopsis">华文在线</a>
                    </li>
                    <li>
                        <a href="/About">关于我们</a>
                    </li>
                    <!-- <li>
                                <a href="/Bid">文创招标</a>
                            </li> -->
                    <li>
                        <a href="/bid/bid3">中华大观园</a>
                    </li>
                    <li>
                        <a href="/bid/bid1">5+1工程</a>
                    </li>
                </ul>
            </div>
            <div class="footer-middle2">
                <ul>
                    <li class="footer-text-bold">联系我们</li>
                    <li>电话：010-87729542</li>
                    <li>地区:北京市朝阳区伊莎文化广场A座201</li>
                </ul>
            </div>
            <div class="footer-middle5">
                <ul>
                    <li class="footer-text-bold">商务合作</li>
                    <li>email：shichangbu@zhssw.com</li>
                    <li>手机：13466548198</li>
                </ul>
            </div>
            <div class="footer-middle3">
                <ul>
                    <li class="footer-text-bold">相关资质</li>
                    <li><a href="/web/images/pdf/gb.pdf" target="_blank">广播节目制作许可证</a></li>
                    <li><a href="/web/images/pdf/rz.pdf" target="_blank">软件著作权</a></li>
                    <li><a href="/web/images/pdf/wl.pdf" target="_blank">网络文化经营许可证</a></li>
                </ul>
            </div>
            <div class="footer-middle4">
                <!-- <p class="footer-middle4-attention">关注我们</p> -->
                <div class="footer-divs">
                    <div class="footer-erweima">
                        <div class="footer-erweima-img">
                            <img src="./images/erweima.jpg" alt="二维码图片">
                        </div>
                        <p class="footer-middle4-weixin">官方微信</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <p class="ac">
                抵制不良游戏　拒绝盗版游戏　注意自我保护　谨防受骗上当　适度游戏益脑　沉迷游戏伤身　合理安排时间　享受健康生活
            </p>
        </div>
        <div class="footer-bottom">
            <p>中华盛视网 Copyright © 2017 www.zhssw.com 京ICP备18017348号
                <script type="text/javascript">
                    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
                    document.write(unescape("%3Cspan id='cnzz_stat_icon_1274773821'%3E%3C/span%3E%3Cscript src='" +
                        cnzz_protocol +
                        "s13.cnzz.com/z_stat.php%3Fid%3D1274773821%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"
                    ));
                </script><span id="cnzz_stat_icon_1274773821"><a href="https://www.cnzz.com/stat/website.php?web_id=1274773821"
                        target="_blank" title="站长统计"><img border="0" hspace="0" vspace="0" src="http://icon.cnzz.com/img/pic.gif"></a></span>
                <script src=" http://s13.cnzz.com/z_stat.php?id=1274773821&amp;show=pic" type="text/javascript"></script>
                <script src="http://c.cnzz.com/core.php?web_id=1274773821&amp;show=pic&amp;t=z" charset="utf-8" type="text/javascript"></script>
            </p>
        </div>
    </div>
</body>

</html>